.pagetitle-inner-container .pagetitle-menu {
	order: 5;
	display: flex;
}

.pagetitle-inner-container .pagetitle-container {
	display: flex;
}

.crm-order-instagram-edit-block {
	/*background: #fff;*/
	/*padding: 10px 5px 18px 5px;*/
}

.crm-order-instagram-edit-block + .crm-order-instagram-edit-block {
	margin-top: 13px;
}

.crm-order-instagram-edit-block-view {
	display: flex;
	flex-direction: column;
}

.crm-order-instagram-edit-block .main-ui-filter-search {
	height: 41px;
	border: 1px solid #c8d1d6;
	width: 100%;
}

.crm-order-instagram-edit-header {
	display: flex;
}

.crm-order-instagram-edit-header-logo {
	width: 97px;
	height: 97px;
	display: block;
	margin-right: 20px;
	flex-shrink: 0;
	border-radius: 50%;
	background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2297%22%20height%3D%2297%22%20viewBox%3D%220%200%2097%2097%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M48.5%2097C75.2858%2097%2097%2075.2858%2097%2048.5C97%2021.7142%2075.2858%200%2048.5%200C21.7142%200%200%2021.7142%200%2048.5C0%2075.2858%2021.7142%2097%2048.5%2097Z%22%20fill%3D%22%23E85998%22/%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M57.2812%2036.563C57.2812%2035.364%2058.252%2034.394%2059.4502%2034.394C60.6494%2034.394%2061.6191%2035.364%2061.6191%2036.563C61.6191%2037.762%2060.6494%2038.7321%2059.4502%2038.7321C58.252%2038.7321%2057.2812%2037.762%2057.2812%2036.563ZM39.9287%2026.803H57.2812C63.8506%2026.803%2069.2109%2032.162%2069.2109%2038.7321V43.903H64.873V38.7321C64.873%2034.4901%2061.5244%2031.1411%2057.2812%2031.1411H39.9287C35.6865%2031.1411%2032.3379%2034.4901%2032.3379%2038.7321V56.084C32.3379%2060.327%2035.6865%2063.676%2039.9287%2063.676H54.2998V68.014H39.9287C33.3594%2068.014%2028%2062.6541%2028%2056.084V38.7321C28%2032.162%2033.3594%2026.803%2039.9287%2026.803ZM37.2178%2047.4081C37.2178%2041.144%2042.3418%2036.0211%2048.6045%2036.0211C53.9102%2036.0211%2058.3848%2039.7021%2059.6338%2044.6321C57.9658%2045.358%2056.5664%2046.5881%2055.6191%2048.123C55.6416%2047.889%2055.6533%2047.6501%2055.6533%2047.4081C55.6533%2043.4901%2052.5234%2040.3591%2048.6045%2040.3591C44.6865%2040.3591%2041.5557%2043.4901%2041.5557%2047.4081C41.5557%2051.3271%2044.6865%2054.457%2048.6045%2054.457C51.0244%2054.457%2053.1396%2053.2621%2054.4082%2051.4271C54.3438%2051.8541%2054.2998%2052.2881%2054.2998%2052.7321V57.246C52.6211%2058.225%2050.6787%2058.795%2048.6045%2058.795C42.3418%2058.795%2037.2178%2053.6721%2037.2178%2047.4081ZM59.8818%2057.4189H62.1396V54.338V54.2999C62.1377%2053.623%2062.124%2050.002%2066.8916%2050.002H70.3281V53.926H67.8008C67.3008%2053.926%2066.7959%2054.4429%2066.7959%2054.8279V57.405H70.3242C70.1816%2059.381%2069.8896%2061.189%2069.8896%2061.189H66.7783V72.387H62.1396V61.187H59.8818V57.4189Z%22%20fill%3D%22white%22/%3E%0A%3C/svg%3E%0A) no-repeat center;
	background-size: cover;
}

.crm-order-instagram-edit-btn {
	margin-top: 30px;
	font-size: 0;
}

.crm-order-instagram-edit-title {
	color: #333;
	font: 22px/28px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-light, 300);
	margin-bottom: 7px;
}

.crm-order-instagram-edit-name {
	font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-semi-bold, 600);
}

.crm-order-instagram-edit-desc {
	color: #525c69;
	display: flex;
	flex-direction: column;
}

.crm-order-instagram-edit-decs-text:first-child {
	margin-bottom: 4px;
}

.crm-order-instagram-edit-decs-link {
	font: 14px/18px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
	color: #0063c6;
	text-overflow: ellipsis;
	overflow: hidden;
}

.crm-order-instagram-edit-section {
	color: #333;
	font: 16px/24px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-regular, 400);
	border-bottom: 1px solid rgba(82, 92, 105, .1);
	padding-bottom: 16px;
	margin-bottom: 16px;
}

.crm-order-instagram-edit-connect,
.crm-order-instagram-edit-disconnect {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.crm-order-instagram-edit-disconnect {
	background: #def6fe;
	padding: 8px 13px 8px 15px;
	margin: 18px 0 5px;
}

.crm-order-instagram-edit-connect + .crm-order-instagram-edit-connect {
	margin-top: 15px;
}

.crm-order-instagram-edit-content-inner {
	width: 100%;
}

.crm-order-instagram-edit-user {
	font-size: 14px;
	line-height: 22px;
	font-weight: 600;
	color: #2066b0;
	display: flex;
	align-items: center;
}

.crm-order-instagram-edit-user-img {
	border-radius: 50%;
	background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2237%22%20height%3D%2237%22%20viewBox%3D%220%200%2037%2037%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M18.5%2037C28.717%2037%2037%2028.717%2037%2018.5S28.717%200%2018.5%200%200%208.283%200%2018.5%208.283%2037%2018.5%2037z%22%20fill%3D%22%2380868E%22/%3E%0A%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M28.808%2030.663c0-1.429-1.58-7.471-1.58-7.471%200-.883-1.14-1.892-3.382-2.48a7.572%207.572%200%200%201-2.14-.988c-.145-.083-.123-.854-.123-.854l-.722-.112c0-.062-.062-.987-.062-.987.864-.294.776-2.03.776-2.03.548.308.906-1.066.906-1.066.649-1.91-.324-1.794-.324-1.794.17-1.166.17-2.35%200-3.516-.432-3.866-6.94-2.817-6.168-1.554-1.902-.355-1.468%204.033-1.468%204.033l.412%201.136c-.81.532-.247%201.177-.219%201.918.04%201.095.701.868.701.868.04%201.807.92%202.043.92%202.043.165%201.134.062.941.062.941l-.782.096c.01.258-.01.517-.062.77-.92.415-1.118.66-2.032%201.065-1.766.785-3.685%201.805-4.026%203.179-.341%201.374-1.355%206.803-1.355%206.803H28.808z%22%20fill%3D%22white%22/%3E%0A%3C/svg%3E%0A) no-repeat center;
	width: 37px;
	height: 37px;
	display: block;
	margin-right: 9px;
	background-size: cover;
}

.crm-order-instagram-edit-dropdown-button {
	display: block;
	margin: 13px 0 -23px 0;
	padding: 20px 0;
	border: none;
	background: transparent;
	font: 14px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
	color: #535c69;
	cursor: pointer;
}

.crm-order-instagram-edit-dropdown-button:after {
	content: '';
	display: inline-block;
	margin: 0 0 0 6px;
	width: 11px;
	height: 7px;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2011%207%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Ctitle%3EPath%3C/title%3E%3Cpath%20d%3D%22M5.485%204.228L1.37.114%200%201.484l4.8%204.8.685.687%205.486-5.485L9.6.115%205.484%204.227z%22%20fill%3D%22%23535C69%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E');
	background-repeat: no-repeat;
	transition: opacity .3s;
	opacity: .6;
}

.crm-order-instagram-edit-dropdown-button:hover:after {
	opacity: 1;
}

.crm-order-instagram-edit-box-hidden {
	margin: 30px 0 0;
}

.ui-alert-success-instagram-app {
	margin: 13px 0 0;
}

.instagram-app-link {
	border-bottom: 1px dashed rgba(39, 107, 179, .4);
	transition: border .2s linear;
	color: #2067b0;
	text-decoration: none;
	cursor: pointer;
}

.instagram-app-link:hover {
	border-color: rgba(39, 107, 179, .8);
}

.pagetitle-inner-container .pagetitle-menu {
	order: 5;
	display: flex;
}

.pagetitle-inner-container .pagetitle-container {
	display: flex;
}

.crm-order-instagram-view .crm-order-instagram-edit-content-inner {
	margin: 20px 0;
}

.crm-order-instagram-view .crm-order-instagram-edit-desc {
	margin: 0;
}

.crm-order-instagram-view .crm-order-instagram-edit-content-logo {
	top: -15px;
}

/*region Posts list*/
.crm-order-instagram-view-list {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	margin: 0 -8px;
}

.crm-order-instagram-view-item {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 33.3333%;
	box-sizing: border-box;
	position: relative;
	padding: 8px;
}

.crm-order-instagram-view-item-detail {
	border: 1px solid transparent;
	position: relative;
	border-radius: 2px;
	cursor: pointer;
	padding: 16px;
	background: #fff;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex: 1 1 0;
	transition: all 0.19s linear;
}

.crm-order-instagram-view-item-selected .crm-order-instagram-view-item-detail,
.crm-order-instagram-view-item:hover .crm-order-instagram-view-item-detail {
	box-shadow: rgb(0 0 0 / 15%) 0 4px 10px;
	transform: translate(0, -1px);
}

.crm-order-instagram-view-item-selected:hover .crm-order-instagram-view-item-detail { border-color: #2fc6f6; }

.crm-order-instagram-view-item-selected .crm-order-instagram-view-item-detail,
.crm-order-instagram-view-item-input:checked + .crm-order-instagram-view-item-detail { border-color: #2fc6f6; }

.crm-order-instagram-view-item-selected .crm-order-instagram-view-item-detail { cursor: auto; }

.crm-order-instagram-view-item-detail:before {
	content: none;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(47, 198, 246, .1);
	width: 100%;
	height: 100%;
	z-index: 9;
}

.crm-order-instagram-view-item-selected .crm-order-instagram-view-item-detail:before,
.crm-order-instagram-view-item-input:checked + .crm-order-instagram-view-item-detail:before { content: ''; }

.crm-order-instagram-view-item-checkbox-container {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.crm-order-instagram-view-item-input-title {
	font: 13px/17px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-regular, 400);
	color: #333;
	letter-spacing: 0;
}

.crm-order-instagram-view-item-selected-icon {
	opacity: 0;
	background: #00b0e8;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	display: flex;
	position: absolute;
	top: -3px;
	right: -3px;
	align-items: center;
	justify-content: center;
	transition: 180ms linear all;
}

.crm-order-instagram-view-item-selected .crm-order-instagram-view-item-selected-icon {opacity: 1;}

.crm-order-instagram-view-item-img {
	display: block;
	width: 100%;
	padding-top: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.crm-order-instagram-view-item-img-1 { background-image: url(img/img1.png); }

.crm-order-instagram-view-item-img-2 { background-image: url(img/img2.png); }

.crm-order-instagram-view-item-img-3 { background-image: url(img/img3.png); }

.crm-order-instagram-decal-container {
	padding: 10px 0 3px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.crm-order-instagram-view-item-decs-block { }

.crm-order-instagram-view-item-decs { cursor: pointer; }

.crm-order-instagram-view-item-decs:first-child { margin-bottom: 7px; }

.crm-order-instagram-view-item-name {
	font: 14px/17px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-semi-bold, 600);
	color: #333;
	letter-spacing: 0;
}

/*endregion*/

.crm-order-instagram-view-item-input {
	/*margin: 0;*/
	padding: 0;
	margin-left: 0;
	/*position: absolute;*/
	/*right: 9px;*/
	/*top: 16px;*/
}

.crm-order-instagram-view-imported .crm-order-instagram-edit-decs-text {
	color: #0063c6;
	font: 18px/20px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-regular, 400);
}

.crm-order-instagram-view-imported .crm-order-instagram-view-item-input { display: none; }

.crm-order-instagram-view-imported .crm-order-instagram-view-item-img {
	width: 198px;
	height: 198px;
	margin-right: 16px;
	margin-bottom: 9px;
}

.crm-order-instagram-view-imported .crm-order-instagram-view-item { margin-right: 50px; }

.crm-order-instagram-view-imported .crm-order-instagram-view-btn {
	display: none;
}

.crm-order-instagram-view-imported .crm-order-instagram-view-item:hover .crm-order-instagram-view-item-detail {
	border-color: transparent;
}

.crm-order-instagram-view-imported .crm-order-instagram-view-item-input:checked + .crm-order-instagram-view-item-detail {
	border-color: transparent;
}

.crm-order-instagram-view-imported .crm-order-instagram-view-item-input:checked + .crm-order-instagram-view-item-detail:before {
	content: none;
}


.crm-order-instagram-view-item-price {
	color: #333;
	font: 18px/20px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-semi-bold, 600);
	cursor: pointer;
}

.crm-order-instagram-view-item-price-no {
	font-size: 14px;
	line-height: 18px;
}

.crm-order-instagram-view-item-price-no + .crm-order-instagram-view-item-edit {
	top: 2px;
}

.crm-order-instagram-view-item-currency {
	color: #828b95;
	font-size: 17px;
	margin-left: 3px;
}

.crm-order-instagram-view-item-edit {
	cursor: pointer;
	width: 15px;
	height: 18px;
	opacity: 0;
	transition: all .2s linear;
	display: inline-block;
	vertical-align: top;
	margin-left: 2px;
	position: absolute;
	background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2211%22%20height%3D%2211%22%20viewBox%3D%220%200%2011%2011%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M11%202.47083L8.55127%200L1.45264%207.06238L3.90137%209.5332L11%202.47083ZM0.0775146%2010.9208C0.0107422%2010.8519%20-0.0155029%2010.7527%200.0090332%2010.6589L0.791382%207.72968L3.24011%2010.2005L0.337036%2010.9899C0.244141%2011.0164%200.145874%2010.9899%200.0775146%2010.9208Z%22%20fill%3D%22%23525C69%22/%3E%0A%3C/svg%3E%0A) no-repeat center;
}

.crm-order-instagram-grid-item-title-wrapper:hover .crm-order-instagram-view-item-edit {
	opacity: .3;
}

.crm-order-instagram-grid-item-title-wrapper:hover .crm-order-instagram-view-item-edit:hover {
	opacity: 1;
}

/* Grid style */

.crm-order-instagram-grid {
	margin: 10px 0;
	width: 966px;
}

.crm-order-instagram-grid .ui-grid-tile-item::before {
	padding-top: 92%;
}

.crm-order-instagram-grid-imported .ui-grid-tile-item::before {
	padding-top: 120%;
}

.crm-order-instagram-grid-item {
	box-shadow: none;
	cursor: pointer;
	border: 1px solid transparent;
	padding: 16px 39px 13px 15px;
	border-radius: 2px;
	transition: border-color .15s linear;
}

.crm-order-instagram-grid-item:hover {
	border-color: #c6c6c6;
}

.crm-order-instagram-grid-item-image {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center;
	background: no-repeat center center;
	background-size: contain;
	margin: 0;
	height: 240px;
	width: 240px;
}

.crm-order-instagram-grid-item-image-img {
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 100%;
	max-height: 100%;
	transform: translate(-50%, -50%);
}

.crm-order-instagram-grid #crm-order-import-instagram .ui-grid-tile-item {
	width: calc(32% - 18px);
}

.crm-order-instagram-grid .ui-grid-tile-item-checkbox {
	top: 17px;
}

.crm-order-instagram-grid .crm-order-instagram-grid-item:before {
	background: rgba(47, 198, 246, .1);
}

.ui-grid-tile-item-selected .crm-order-instagram-grid-item {
	border-color: #2fc6f6;
}

.crm-order-instagram-grid-item-title {
	flex: 1;
	position: relative;
}

.crm-order-instagram-grid-item-title-input {
	width: 100%;
	top: -3px;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	font-size: 14px;
	line-height: 20px;
	color: #525c69;
	font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica));
	max-width: 170px;

	position: absolute;
	padding: 0 5px;
	height: 24px;
	background: #fff;
	opacity: 0;
	border: 1px solid rgba(130, 139, 149, .67);
	pointer-events: none;
	border-radius: 2px;
	box-sizing: border-box;
	z-index: 99;
	transition: .2s;
}

.crm-order-instagram-grid-item-title-link {
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-decoration: none;
	opacity: 1;
	transition: none;
	cursor: pointer;
	font-size: 14px;
	line-height: 20px;
	color: #525c69;
	font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica));
	max-width: 170px;
}

.crm-order-instagram-grid-item-title-link:hover {
	color: #000;
	border-color: transparent;
}

.crm-order-instagram-grid-item-title-wrapper-price .crm-order-instagram-grid-item-title-input {
	top: 3px;
}

.crm-order-instagram-grid-item-title-wrapper {
	text-align: center;
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	bottom: 0;
}

.crm-order-instagram-grid-item-title-wrapper-price {
	top: 20px;
}

.crm-order-instagram-grid-item-bottom {
	margin: 6px 0 0 0;
	height: 39px;
	clear: both;
	display: flex;
	min-width: 100%;
}

.crm-order-instagram-grid-item-bottom-without-icons .crm-order-instagram-grid-item-title-rename .crm-order-instagram-grid-item-title-input {
	width: calc(100% + 12px);
	opacity: 1;
	pointer-events: auto;
}

.crm-order-instagram-grid-item-title-rename .crm-order-instagram-grid-item-title-link {
	transition: .2s;
	pointer-events: none;
	opacity: 0;
}

.crm-order-instagram-grid-imported .crm-order-instagram-edit-decs-text {
	color: #0063c6;
	font: 18px/20px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-regular, 400);
}

.crm-order-instagram-grid-imported .ui-grid-tile-item-checkbox,
.ui-grid-tile-item-imported .ui-grid-tile-item-checkbox {
	display: none;
}

.crm-order-instagram-grid-imported .crm-order-instagram-grid-item-image {
	width: 100%;
	height: 198px;
}

.crm-order-instagram-grid-imported #crm-order-import-instagram .ui-grid-tile-item {
	margin: 9px 14px;
	width: calc(23.6% - 18px);
}

.crm-order-instagram-grid-imported .crm-order-instagram-grid-item {
	cursor: auto;
	padding: 10px;
}

.crm-order-instagram-grid-imported .crm-order-instagram-grid-item:hover {
	border-color: transparent;
	background: none;
}

.crm-order-instagram-grid-imported .ui-grid-tile-item-selected .crm-order-instagram-grid-item {
	border-color: transparent;
}

.crm-order-instagram-grid-imported .crm-order-instagram-grid-item-title-link,
.crm-order-instagram-grid-imported .crm-order-instagram-grid-item-title-input {
	max-width: 160px;
}

.crm-order-instagram-grid-imported .crm-order-instagram-grid-item:before {
	background: transparent;
}

.ui-grid-tile-item-imported .crm-order-instagram-grid-item:before {
	display: block;
}

.ui-grid-tile-item-imported .crm-order-instagram-grid-item,
.ui-grid-tile-item-imported .crm-order-instagram-grid-item:hover,
.ui-grid-tile-item-imported.ui-grid-tile-item-selected .crm-order-instagram-grid-item {
	border-color: #2fc6f6;
	cursor: auto;
}


.ui-grid-tile-item-imported:after {
	content: '';
	position: absolute;
	right: 9px;
	top: 18px;
	width: 19px;
	height: 14px;
	background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2219%22%20height%3D%2215%22%20viewBox%3D%220%200%2019%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.27386%2010.5149L16.4048%200.383972L18.2947%202.27384L6.27386%2014.2947L0%208.02079L1.88986%206.13092L6.27386%2010.5149Z%22%20fill%3D%22%232FC6F6%22/%3E%0A%3C/svg%3E%0A) no-repeat center;
}

.crm-order-instagram-grid-item-title-link-renamed {
	animation: crm-order-instagram-grid-item-title-link-renamed .5s linear forwards;
}

@keyframes crm-order-instagram-grid-item-title-link-renamed {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.crm-order-instagram-view-block {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%;
	width: 100%;
	padding: 50px 0 100px;
}

.crm-order-instagram-view-block-title {
	font: 37px/44px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-light, 300);
	margin: 0 0 139px;
	color: #525c69;
	position: relative;
}

.crm-order-instagram-view-block-title-dots {
	position: absolute;
}

.crm-order-instagram-view-block-progressbar {
	width: 270px;
}

.crm-order-instagram-view-block-progressbar .ui-progressbar-track,
.crm-order-instagram-view-block-progressbar .ui-progressbar-bar {
	height: 11px;
	border-radius: 6px;
}

.crm-order-instagram-view-block-process {
	width: 740px;
	display: flex;
	align-items: center;
	margin-bottom: 145px;
	position: relative;
}

.crm-order-instagram-view-block-process:before {
	content: '';
	position: absolute;
	top: -75px;
	left: 175px;
	width: 383px;
	height: 157px;
	background: url(img/progress-icon.svg) no-repeat center;
}

.crm-order-instagram-view-block-process-icon {
	width: 144px;
}

.crm-order-instagram-view-block-b24-icon {
	width: 270px;
	height: 135px;
	background: url(img/b24-icon.svg) no-repeat center;
	margin-left: auto;
}

.crm-order-instagram-view-block-b24-icon-en {
	background-image: url(img/b24-icon-en.svg);
}

.crm-order-instagram-view-block-empty-icon {
	width: 125px;
	height: 126px;
	margin-bottom: 50px;
	background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%22125%22%20height%3D%22126%22%20viewBox%3D%220%200%20125%20126%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cg%20opacity%3D%220.2%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M120.755%200H0V121.725V121.725V126H125V0H120.755ZM118.525%20119.476H6.4718V6.52728H118.525V119.476Z%22%20fill%3D%22%23828B95%22/%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M14%20112H112V105.375L85.8686%2078.8736L72.7993%2092.1264L40.1314%2059L14%2085.4982V112H14Z%22%20fill%3D%22%23828B95%22/%3E%0A%3Cpath%20d%3D%22M94.5%2046C100.851%2046%20106%2040.8513%20106%2034.5C106%2028.1487%20100.851%2023%2094.5%2023C88.1487%2023%2083%2028.1487%2083%2034.5C83%2040.8513%2088.1487%2046%2094.5%2046Z%22%20fill%3D%22%23828B95%22/%3E%0A%3C/g%3E%0A%3C/svg%3E%0A) no-repeat center;
	flex-shrink: 0;
}

.crm-order-instagram-view-block-subtitle {
	color: #dcdee1;
	font: 32px/40px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-regular, 400);
}

/*.crm-order-instagram-view-footer {
	box-shadow: 0 -2px 4px 0 #c6c9cb;
	overflow: hidden;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99;
	padding: 15px;
	background: #fff;
	text-align: center;
}*/

/* footer */
.crm-entity-section.crm-entity-section-control {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 900;
	box-sizing: border-box;
	padding: 10px 0 0;
	background-color: #fff;
	box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, .05);
	text-align: center;
	transition: all 300ms ease;
	transform: translateY(100%);
}

.crm-entity-wrap.crm-section-control-active .crm-entity-section.crm-entity-section-control { transform: translateY(0); }

.crm-entity-section-control-error-block {
	overflow: hidden;
	margin-top: 10px;
	max-height: 150px;
	transition: all 300ms ease;
}

.crm-entity-section-control-error-text {
	padding: 20px;
	width: 100%;
	background-color: #fae5e8;
	color: #d0011b;
	font: 400 14px/16px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
}

/* messages */
.crm-order-instagram-view-message {
	display: block;
	overflow: hidden;
	padding: 10px;
	font-size: 13px;
	color: rgba(83, 92, 105, .7);
	line-height: 19px;
	margin: 0 0 12px 0;
}

.crm-order-instagram-view-message-success {
	background: #f4fcdb;
}

.crm-order-instagram-view-message-error {
	background: #fad9da;
	color: #d10720;;
}

.crm-ads-new-campaign {
	padding: 0 !important;
	background: transparent !important;
}
